<template>
  <div class='watch'>
    <div style="height:10px"></div>
    <div class='stationSpots'>
      <ul>
        <router-link tag='li' :to="{name:'DeviceName'}">
          <img src="../assets/img/manager.png" alt="">
          <div>站点名称一</div>
        </router-link>
      </ul>
    </div>
    <Tabbar></Tabbar>
  </div>
</template>
<script>
import Tabbar from "@/components/Tabbar";
export default {
  components: {
    Tabbar
  }
};
</script>
<style scoped lang='less'>
.watch {
  height: 100%;
  background-color: rgb(239, 238, 243);
  .stationSpots {
    font-size: 0.16rem;
    color: rgb(51, 51, 51);
    text-align: center;
    ul {
      width: 90%;
      overflow: hidden;
      margin: auto;
      li {
        width: 47%;
        height: 1rem;
        float: left;
        border-radius: 4px;
        background-color: #fff;
        margin-top: 0.15rem;
        border: 0.5px solid #d2d2d2;
        &:nth-child(2n) {
          margin-left: 0.15rem;
        }
        img {
          width: 40%;
          margin: 6% 0 4% 0;
        }
      }
    }
  }
}
</style>


